<template>
	<div>
		<van-nav-bar  left-arrow  >
		<template #right>
			<form action="/">
				<van-search v-model="value" placeholder="云南白药牙膏" />
			</form>
		</template></van-nav-bar>
	
	</div>
</template>

<script>
import { Toast } from 'vant';
export default {
	data() {
		return {
			value: '',
		};
	},
	methods: {
		onSearch(val) {
			Toast(val);
		},
		onCancel() {
			Toast('取消');
		},
	},
}
</script>

<style scoped>
.van-search{
	width: 3.1rem;

}
::v-deep .van-search{
	height: 30px;
border-radius: 50px;
 background-color: rgba(241, 237, 237, 0.447);
}
.van-nav-bar{
	border-bottom: 1px solid rgb(207, 205, 205);
}
</style>